		<div class="black-overlay" id="b-overlay"  style="display: none;">
			<div id="login_frame">
				<div class="LRP">
				<div id="Landed" style="display: none; position: absolute; top: 30%;left: 18%;">
					<div class="denglu">
						<div id="top">
							<div class="top1">
								用户登录
							</div>
							<div class="top2">
								<a class="b-close">
									<img src="img/PostLanded/30.png" alt="关闭" />
								</a>
							</div>
						</div>
						<div id="body">
							<div class="top">
								账号密码登陆
							</div>
							<div class="top1">
								推荐使用<strong>快速安全登陆</strong>，防止盗号
							</div>
							<div class="center">
								<form >
									<div class="center-top">
										<input type="text" id="center1" name="UserNameLogin" size="18" maxlength="48" border="0px" placeholder="手机号/邮箱"/>
									</div>
									<input type="password" id="center2" name="UserPasswordLogin" size="18" maxlength="30" placeholder="请输入密码"/>
								</form>
								<div id="center3">
									<div class="center3">
										<input  type="checkbox" value="1" />
										<a href="#" title="是否记住密码">
											记住密码
										</a>
									</div>
									<input class="center4" type="button" value="登陆" style="cursor: pointer;" onclick="login();"/>
								</div>
							</div>
							<div id="footer">
								<div class="footer1">
									<a href="index4.html">
										忘记密码
									</a>
								</div>
								<div class="footer2">
									<a class="register_link" style="cursor: pointer;">
										|注册账号|
									</a>
								</div>
								<div class="footer3">
									<a href="">
										意见反馈
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div id="Register" style="display: block;">
					<div class="denglu">
						<div id="top">
							<div class="top1">
								<span>┃注册账号</span>
								<div class="top2">
									<a class="b-close">
										<img src="img/PostLanded/30.png" alt="关闭" />
									</a>
								</div>
							</div>
						</div>
						<style type="text/css">.label {
	text-align: right;
	padding-right: 20px;
}</style>
						<div id="body">
							<div>
								<table>
									<tr class="name">
										<td class="label">手机号码</td>
										<td>
											<input type="text" size="18" maxlength="11" placeholder="请输入手机号" name="UserPhoneRegister"/>
										</td>
									</tr>
									<tr class="name">
										<td class="label">密码</td>
										<td colspan="2">
											<input type="password" name="UserPasswordRegister" size="18" maxlength="24" placeholder="请输入密码" />
										</td>
									</tr>
									<tr class="name">
										<td class="label">确认密码</td>
										<td colspan="2">
											<input type="password" name="RePassword" maxlength="24" placeholder="请重复输入密码" />
										</td>
									</tr>
									<tr class="name">
										<td class="label">昵称</td>
										<td colspan="2">
											<input type="text" pattern="d{3}~\d{8}" placeholder="请输入昵称" name="UserName"/>
										</td>
									</tr>
									<tr class="name">
										<td class="label">邮箱</td>
										<td colspan="2">
											<input type="email" pattern="d{3}~\d{8}" placeholder="请输入邮箱" name="UserEmailRegister"/>
										</td>
									</tr>
									<tr class="sex">
										<td class="label">性别</td>
										<td colspan="2">
											<input type="radio" name="UserGender" checked="checked"/ value="0">
											男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<input type="radio" name="UserGender" value="1"/>
											女</td>
									</tr>
									<tr class="time">
										<td class="label">生日</td>
										<td>
											<select class="rili">
												<option value="gongli">公历</option>
												<option value="yinli">阴历</option>
											</select>
											<input type="date" />
										</td>
									</tr>
									<tr>
										<td class="label">所在地</td>
										<td>
											<select class="place">
												<option value="中国" selected="">中国</option>
												<option value="日本">日本</option>
											</select>
											<select class="place">
												<option value="云南" selected="">云南</option>
												<option value="四川">四川</option>
											</select>
											<select class="place">
												<option value="昆明" selected="">昆明</option>
												<option value="昭通">昭通</option>
											</select></td>
									</tr>

									<tr class="depict">
										<td></td>
										<td>可以通过该手机号码快速找回密码</td>
										<td></td>
									</tr>
									<tr class="depict">
										<td></td>
										<td>中国大陆地区以外手机号码&nbsp;<strong>
											<a href="#">
												点击这里
											</a></strong></td>
										<td></td>
									</tr>
									<tr>
										<td></td>
										<td>
											<input class="enroll" type="button" value="立即注册" style="cursor: pointer;" onclick="register();"/>
										</td>
										<td></td>
									</tr>
									<tr>
										<td>
											<a class="login_link" style="cursor: pointer;">
												&nbsp;&nbsp;&nbsp;已有账号？点击登陆！
											</a></td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			
			</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		var login_frame = new Array(
			$('#login_frame #Landed'),
			$('#login_frame #Register')
		)
		window.onload=function(){
			 login_frame = new Array(
				$('#login_frame #Landed'),
				$('#login_frame #Register')
			)
		};
		$('.b-close').click(function(){
			var register_block = document.getElementById('b-overlay');
			register_block.style.display = "none";
		});
		var switch_link = new Array(
			$("#Register .login_link"), 
			$("#Landed .register_link")
		);
		switch_link[0].click(function() {
			setTimeout(function() {
				loginUp(login_frame);
			}, 400);
			sw();
		});
		switch_link[1].click(function() {
			setTimeout(function() {
				registerUp(login_frame);
			}, 400);
			sw();
		});
		function sw() {
			$loginFrame = $('#login_frame');
			$loginFrame.addClass("switching");
			setTimeout(function() {
				$loginFrame.removeClass("switching");
			}, 800);
		};
		function loginUp(loginFrame) {
			for(var i in loginFrame) {
				loginFrame[i].hide();
			}
			loginFrame[0].show();
		};
		function registerUp(loginFrame) {
			for(var i in loginFrame) {
				loginFrame[i].hide();
			}
			loginFrame[1].show();
		};
		function loginClick() {
			var register_block = document.getElementById('b-overlay');
			register_block.style.display = "block";
			loginUp(login_frame);
		};
		function registerClick(){
			var register_block = document.getElementById('b-overlay');
			register_block.style.display = "block";
			registerUp(login_frame);
		};
		</script>